import React from 'react'
import './home.css'
import { UserOutlined } from '@ant-design/icons';
import '../../static/iconfont.css'
import { Avatar, Space } from 'antd';
export default function Home() {
  return (
    <div className='home'>
      <div className='tite'>
        个人中心
      </div>
      <div className='userlist'>
        <div className='top111'>
          <div>
            <Avatar size={64} icon={<UserOutlined />} />
            <span>登录</span>/ 
            <span>注册</span>
          </div>
           
          <span className='yjt'>&gt;</span>
        </div>
        <div className='bottom'>
          <div className='xboxz'>
          <span className="iconfont icon-dingdan"></span><br />
          <span>全部订单</span>
          </div>
          <div className='xboxz'>
          <span className="iconfont icon-qianbao"></span><br />
          <span>待付款</span>
          </div>
          <div className='xboxz'>
          <span className="iconfont icon-huoche_zhuangche"></span><br />
          <span>待收货</span>
          </div>
          <div className='xboxz'>
          <span className="iconfont icon-comment-w"></span><br />
          <span>待评价</span>
          </div>
          <div className='xboxz xboxz1'>
          <span className="iconfont icon-shouhou"></span><br />
          <span>售后</span>
          </div>
        </div>
      </div>
      <div className='czlist'>
        <div className='czdiv'>
          <span>地址管理</span>
          <span>&gt;</span>
        </div>
        <div className='czdiv yhj'>
          <span>我的优惠卷</span>
          <span>&gt;</span>
        </div>
        <div className='czdiv'>
          <span>优先购买码</span>
          <span>&gt;</span>
        </div>
      </div>
      <div className='czlist'>
        <div className='czdiv'>
          <span>常见问题</span>
          <span>&gt;</span>
        </div>
        <div className='czdiv yhj'>
          <span>服务支持</span>
          <span>&gt;</span>
        </div>
      </div>
      <div className='czlist'>
        <div className='czdiv'>
          <span>意外碎屏保修服务</span>
          <span>&gt;</span>
        </div>
        <div className='czdiv yhj'>
          <span>延长保修服务</span>
          <span>&gt;</span>
        </div>
        <div className='czdiv yhj'>
          <span>协议政策</span>
          <span>&gt;</span>
        </div>
        <div className='czdiv yhj'>
          <span>资质证照</span>
          <span>&gt;</span>
        </div>
        <div className='czdiv yhj'>
          <span>活动说明</span>
          <span>&gt;</span>
        </div>
      </div>
      
      
    </div>
  )
}
